body{background: #f8f8f8;}
body,html{height: 100%;}
.container{width: 1220px;margin: 0 auto;}
/*我房要闻*/
.newsbox{margin-top: 20px;}
.news{width: 864px;}
.timelist{margin-top: 20px;background: #fff;padding: 10px 16px 40px;}
.timelist img.time{margin-left: 70px;display: block;margin-bottom: 25px;}
.timelist ul li{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-bottom: 60px;}
.timelist ul li span{position: relative;font-family: 'Leelawadee';font-weight: bold;background: url(../images/ring.png) no-repeat right center;background-size: 15px 17px;padding-right: 20px;font-size: 16px;color: #ea5b24;}
.timelist ul li:first-of-type span:before{position: absolute;content: '';width: 2px;height: 48px;top: -48px;right: 7px;background: #eaeaea;}
.timelist ul li span:before{position: absolute;content: '';width: 2px;height: 112px;top: -112px;right: 7px;background: #eaeaea;}
.timelist ul li .timetxt{width: 700px;}
.timelist ul li .timetxt a.timetile{overflow: hidden;display: block;}
.timelist ul li .timetxt a.timetile p{float: left;font-size: 18px;color: #535353;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 430px;}
.timelist ul li .timetxt a.timetile em{margin-left: 10px;color: #fff;background: #eb6430;height: 18px;width: 34px;text-align: center;line-height: 18px;display: block;float: left;font-size: 12px;}
.timelist ul li p.timedetail{font-size: 12px;color: #535353;line-height: 21px;margin-top: 10px;}
.timelist ul li p.timedetail a{color: #535353;}
.monthbox{margin-bottom: 20px;padding: 20px 20px 30px;background: #fff;}
.monthbox .morebox{overflow: hidden;}
.monthbox .morebox a{display: inline-block;width: 63px;height: 31px;line-height: 29px;text-align: center;font-size: 14px;border: 1px solid #d4dcea;color: #d4dcea;}
.monthbox.monthly ul{padding: 0;margin-top: 30px;}
/*新闻列表*/
.crumbs{overflow: hidden;}
.crumbs *{float: left;line-height: 50px;}
.crumbs a.home{margin-top: 19px;margin-right: 20px;}
.crumbs em{margin: 0 6px;}
.crumbs span,.crumbs a{font-size: 14px;color: #535353;}
.crumbs span.current{color: #eb6430;}
.listbox{overflow: hidden;margin-bottom: 20px;}
.newlist{padding: 26px 0;background: #fff;width: 864px;}
.newlist ul li{padding: 18px 40px;overflow: hidden;}
.newlist ul li:hover{background: #fef2ec;}
.newlist ul li a.newtitle{overflow: hidden;display: block;margin-bottom: 16px;white-space: nowrap;text-overflow: ellipsis;}
.newlist ul li a.newtitle span{color: #535353;font-size: 18px;float: left;font-weight: 400;}
.newlist ul li a.newtitle img{float: left;margin-left: 10px;}
.newlist ul li p{color: #666;font-size: 12px;line-height: 20px;margin-bottom: 12px;}
.newlist ul li p a{color: #666;}
.newlist ul li em{color: #b5b5b5;font-size: 12px;}
.newlist ul li .piclist{overflow: hidden;margin: 30px 0 20px;}
.newlist ul li .piclist a{float: left;width: 230px;padding: 8px;border: 1px solid #efefef;margin-right: 20px;background: #fff;}
.newlist ul li .piclist a img{width: 100%;height: 100%;}
.newlist ul li .piclist a:last-of-type{margin-right: 0;}
.newlist ul li a.picbox{width: 162px;height: 126px;padding: 8px;border: 1px solid #efefef;margin-right: 20px;background: #fff;}
.newlist ul li a.picbox img{width: 100%;height: 100%;}
.newlist ul li .newtxt{width: 580px;margin-top: 18px;}
a.morelink{display: block;width: 210px;height: 30px;line-height: 30px;font-size: 12px;color: #535353;text-align: center;margin: 20px auto 0;background: #f2f2f2;}
.titlebox{width: 336px;}
.titlelist{width: 300px;padding: 20px 18px;background: #fff;margin-bottom: 20px;}
.titlelist img{margin-bottom: 20px;}
.titlelist ul li{line-height: 30px;overflow: hidden;margin: 5px 0;}
.titlelist ul li a *{float: left;}
.titlelist ul li a{display: block;}
.titlelist ul li span{color: #fff;background: url(../images/icon.png) no-repeat;background-position: 0 -66px;display: block;width: 19px;height: 22px;margin-top: 4px;text-align: center;line-height: 26px;font-family: "Vani";font-size: 13px;margin-right: 9px;}
.titlelist ul li span.first{background-position: 0 0;}
.titlelist ul li span.second{background-position: 0 -22px;}
.titlelist ul li span.third{background-position: 0 -44px;}
.titlelist ul li p{color: #535353;font-size: 14px;width: 214px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.titlelist ul li em{color: #bbbbbb;font-size: 14px;float: right;}
.titlelist ul li i{display: block;width: 6px;height: 6px;border-radius: 100%;background: #dcdcdc;margin-right: 5px;margin-top: 12px;}
.titlelist.story ul li p{width: 228px;}
.adslist a{display: block;width: 336px;margin-bottom: 20px;}
.adslist a img{display: block;width: 100%;}
/*资讯详情页*/
.message{width: 784px;padding: 40px; min-height: 1260px;background: #fff;}
.message h1{font-size: 20px;color: #313131;padding-bottom: 24px;border-bottom: 1px dashed #e2e2e2;text-align: center;font-weight: normal;}
.publishbox{margin-top: 20px;}
.publish span{font-size: 12px;color: #313131;margin-right: 30px;}
.publish span em{color: #eb6430;}
.publish span:nth-of-type(2){margin-right: 54px;}
.publishway a{display: block;float: left;margin-left: 8px;width: 24px;height: 24px;background: url(../images/icons_2_24.png);}
.publishway a.add{background-position: 0 0;}
.publishway a.weixin{background-position: 0 -1612px;}
.publishway a.zone{background-position: 0 -52px;}
.publishway a.weibo{background-position: 0 -104px;}
.publishway a.txun{background-position: 0 -260px;}
.publishway a.renr{background-position: 0 -208px;}
.sidebox{margin: 40px 0;}
.sidebox label{color: #313131;}
.sidebox span{color: #313131;line-height: 24px;font-size: 14px;}
.parabox{margin-top: 20px;}
.parabox p{padding: 10px 0;text-indent: 2em;line-height: 26px;font-size: 14px;}
.parabox p.tc{text-indent: 0;}
.parabox p b{font-weight: bold;}
.parabox img{width: 100%;height: 100%;}
/*我房人月刊*/
.journalbox{background: #fff;margin: 20px 0;padding: 10px 0 20px;}
.monthly{margin-top: 20px;}
.monthly h1{line-height: 1;color: #313131;font-size: 32px;text-align: center;font-weight: normal;}
.monthly ul{overflow: hidden;padding: 30px 20px;}
.monthly ul li{float: left;width: 280px;height: 318px;margin-right: 20px;position: relative;}
.monthly ul li img{width: 100%;height: 100%;}
.monthly ul li:nth-of-type(4){margin-right: 0;}
.monthly ul li p{position: absolute;bottom: 0;left: 0;background: rgba(31,31,31,.5);font-size: 14px;color: #fff;line-height: 34px;width: 100%;text-align: center;}
/*月刊详情*/
#test-n1 {width: 230px;overflow: hidden;margin: 28px auto;text-align: center;color: #313131;font-size: 32px;position: relative;}
#test-n1 .layui-laydate-content,#test-n1 .layui-laydate-footer{display: none;}
#test-n1 .layui-laydate-main{width: 230px;}
#test-n1 .layui-laydate,#test-n1 .layui-laydate-header{border: none;background: none;}
#test-n1 .layui-laydate-header i{top: 50%;}
#test-n1 .layui-laydate-header{padding: 0;}
/*#test-n1 .laydate-set-ym{display: none;}*/
#test-n1 .layui-laydate-header i.laydate-next-y,#test-n1 .layui-laydate-header i.laydate-prev-y{display: none;}
#test-n1 .laydate-set-ym span{padding: 0;color: #313131;font-size: 32px;}
#test-n1 .layui-laydate-header i.laydate-next-m{background-image: url(../images/right.png) !important; width: 17px;height: 31px;margin-top: -15px;right: 0;}
#test-n1 .layui-laydate-header i.laydate-prev-m{background-image: url(../images/left.png) !important;width: 17px;height: 31px;margin-top: -15px;left: 0;}
#date .swiper-button-next.swiper-button-disabled{background-image: url(../images/right_dis.png) !important; width: 17px;height: 31px;margin-top: -15px;}
#date .swiper-button-prev.swiper-button-disabled{background-image: url(../images/left_dis.png) !important;width: 17px;height: 31px;margin-top: -15px;}
.spacebox{position: relative;width: 100%;margin-bottom: 20px;}
#space .swiper-button-next{left: 50%;margin-left: 590px;}
#space .swiper-button-prev{left: 50%;margin-left: -630px;}
#space {width: 1220px;overflow: hidden;margin: auto;}
.swiper-title{position: absolute;z-index: 99; top: 0;left: 0;height: 46px;width: 100%;line-height: 46px;background: #ff874b;color: #fff;font-size: 22px;display: flex;display: -webkit-flex;justify-content: center;}
.swiper-title .swiper-pagination{position: relative;}
.swiper-title.swiper-fixed{position: fixed;}
/*加入我们*/
#join{background: url(../images/join.jpg) center bottom no-repeat;background-size: cover;height: 100%;}
.join{position: absolute;width: 808px;margin: auto;top: 188px;left: 0;right: 0;}
.join ul{width: 492px;margin: 85px auto 0;overflow: hidden;}
.join ul li{float: left;width: 140px;height: 44px;border: 2px solid #eb6430;text-align: center;line-height: 44px;font-size: 20px;border-radius: 3px;margin: 0 10px;}
.join ul li a{display: block;color: #eb6430;}
.join ul li:hover{background: #eb6430;}
.join ul li:hover a{color: #fff;}
#jq11{animation-delay:1s;-webkit-animation-delay:1s;}
#jq22{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
#jq33{animation-delay:2s;-webkit-animation-delay:2s;}
.joinaddr{position: absolute;bottom: 3px;width: 1220px;left: 0;right: 0;margin: auto;}
.joinaddr ul{padding-left: 20px;padding-top: 5px;}
.joinaddr ul li{font-size: 14px;color: #fff;line-height: 26px;}
.joinaddr ul li span{margin-right: 50px;}
.recruitbox{margin: 20px 0;}
.recruitbox .swiper-container{margin-bottom: 20px;}
.posilist{background: #fff;}
.post{background: #eaeaea;line-height: 60px;border: 1px solid #e5e5e5;}
.post a{display: block;float: left;background: #f5f5f5;border-right: 1px solid #e5e5e5; width: 184px;font-weight: bold;color: #666666;font-size: 18px;text-align: center;position: relative;}
.post a.active{color: #eb6430;background: #fff;}
.post a.active:before{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 3px;background: #eb6430;}
.post a.active:after{position: absolute;content: '';right: 0;bottom: -1px;width: 100%;height: 1px;background: #fff;}
.posilist ul li{margin-top: 40px;}
.posilist ul li h1{line-height: 50px;font-size: 18px;color: #666666;padding-left: 30px;background: -webkit-linear-gradient(left,#f4f4f4, #fff);background: -moz-linear-gradient(left,#f4f4f4, #fff);background: -o-linear-gradient(left,#f4f4f4, #fff;)background: linear-gradient(left,#f4f4f4, #fff);}
.postcon{padding: 0 30px 10px;}
.postcon .duty{margin-top: 30px;}
.postcon .duty h2{font-weight: normal;font-size: 18px;color: #eb6430;margin-bottom: 16px;}
.postcon .duty h2 em{font-size: 14px;color: #535353;}
.postcon .duty p{font-size: 14px;color: #535353;line-height: 26px;}
/*公司简介*/
.company{background: #fff;}
.start {position: relative;}
.start img.bg-about{width:100%;height: 100%;}
.start img#about{position: absolute;bottom: 104px;width: 231px;height: 25px; left: 0;right: 0;margin:0 auto;}
.start img#array{position: absolute;bottom: 32px;width: 51px;height: 37px; left: 0;right: 0;margin: 0 auto;-webkit-animation: start 1.5s infinite ease-in-out 3s;animation: start 1.5s infinite ease-in-out 3s;}
@-webkit-keyframes start {
  0%, 30% {opacity: 1;-webkit-transform: translate(0, -3px);}
  60% {opacity: 0;-webkit-transform: translate(0, 5);}
  100% {opacity: 0;-webkit-transform: translate(0, 10px);}
}
@-moz-keyframes start {
  0%, 30% {opacity: 1;-moz-transform: translate(0, -3px);}
  60% {opacity: 1;-moz-transform: translate(0, 5);}
  100% {opacity: 0;-moz-transform: translate(0, 10px);}
}
@keyframes start {
  0%, 30% {opacity: 1;transform: translate(0, -3px);}
  60% {opacity: 1;transform: translate(0, 5);}
  100% {opacity: 0;transform: translate(0, 10px);}
}
.introduce{margin-top: 75px;}
.title{margin-bottom: 70px;text-align: center;display: flex;display: -webkit-flex;justify-content: center;}
.title span{display: block;float: left;line-height: 70px;font-size: 24px;}
.title span.begin{width: 228px;color: #fff;background: #ff874b;}
.title span.sum{min-width: 172px;padding: 0 28px;color: #9c9c9c;background: #f2f2f2;}
.first-con{position: relative;overflow: hidden;}
.leftpic{width: 54%;float: left;}
.first-con img{width: 100%;}
.righttxt{float: left;width: 496px;margin-left: 40px;margin-top: 350px;}
.righttxt p{font-size: 16px;color: #252525;line-height: 34px;}
.group{width: 50%;position: absolute;right: 0;top: 75px;background: #ff874b;line-height: 200px;}
.group p{color: #fff;font-size: 88px;padding-left: 80px;}
.servicelist{width: 1220px;margin: 20px auto;overflow: hidden;}
.servicelist img{display: block;float: left;width: 290px;height: 180px;margin-right: 20px;}
.servicelist img:last-of-type{margin-right: 0;}
@media only screen and (max-width: 1800px) {
	.righttxt{margin-top: 200px;}
	.group{line-height: 100px;top: 55px;}
	.group p{font-size: 44px;}
}
.culture{margin-top: 106px;}
.culture img{margin-top: 30px;margin-left: 130px;}
.honourbox{width: 1220px;margin: 70px auto;overflow: hidden;}
.topbox{margin-bottom: 15px;}
.topbox .leftbox{width: 595px;}
.topbox .leftbox img{display: block;}
.honourbox p{font-size: 16px;color: #252525;line-height: 56px;text-align: center;}
.topbox .rightbox{width: 600px;}
.topbox .rightbottom{margin-top: 8px;}
.benifit{margin-top: 144px;}
.quality{margin-top: 160px;position: relative;z-index: 1;height: 620px;overflow: hidden;}
.quality .set{width: 1244px;position: absolute;right: 0;top: 0;z-index: -1;height: 620px;}
.quality img{width: 100%;height: 100%;}
.quality .word{width: 1220px;margin: auto;padding-top: 70px;}
.wordleft{background: url(../images/bg-word.png) no-repeat;width: 617px;height: 542px;}
.myword{padding-top: 310px;padding-left: 60px;width: 450px;}
.wordleft h2{color: #252525;font-size: 20px;margin-bottom: 24px;}
.wordleft p{font-size: 16px;color: #252525;line-height: 34px;}
.change{margin-top: 138px;}
.change ul{width: 1220px;margin: 90px auto 0;overflow: hidden;}
.change ul li{overflow: hidden;margin-bottom: 40px;}
.change ul li p{height: 70px;padding: 2px 0;line-height: 70px;}
.change ul li:nth-of-type(2n+1) p{float: right;width: 782px;background: #ffc3a5;}
.change ul li:nth-of-type(2n) p{float: left;width: 675px;background: #ff874b;margin-left: 60px;}
.change ul li b{font-size: 92px;color: #fff;font-weight: bold;font-style: italic;letter-spacing: -6px;float: left;position: relative;left: -14px;}
.change ul li span{font-style: italic;font-size: 42px;float: left;margin-top: 14px;}
.change ul li:nth-of-type(2n+1) p span{color: #eb6430;}
.change ul li:nth-of-type(2n) p span{color: #fff;}
.honurList li{background: #fff;margin-top: 20px;text-align: center;padding: 48px 0;overflow: hidden;}
.honurList li p{font-size: 24px;color: #313131;line-height: 44px;margin-bottom: 15px;}
/*投诉建议*/
.suggestbox{background: url(../images/bg-suggest.jpg) no-repeat;padding: 74px 0 84px;background-size: cover;margin-bottom: 20px;overflow: hidden;}
.suggestbox form{float: left;width: 620px;}
.suggestbox form .layui-form-label{color: #fff;font-size: 18px;}
.suggestbox form .layui-form-mid{font-size: 30px;color: #eb6430;margin-right: 7px;line-height: 1;}
.suggestbox form .layui-input-block{margin-left: 128px;margin-bottom: 20px;}
.suggestbox form .layui-input, .suggestbox form .layui-textarea{background: none !important;color: #fff;}
.contact{width: 506px;}
.contact img{cursor: pointer;}
.contact .email{margin-top: 22px;}
.he_slideCaptionDown{border-radius: 6px; background:#ed7243;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(235,99,47,.9);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(235,99,47,.9);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:20px;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:30%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:20px;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:50%;opacity:1}